<extend name="Public/base"/>

<block name="body">

    <div class="col-md-12">

        <!-- BEGIN Portlet PORTLET-->
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-paper-plane font-yellow-casablanca"></i>
                    <span class="caption-subject bold font-yellow-casablanca uppercase">
                        Form Input </span>
                    <span class="caption-helper">more samples...</span>
                </div>
                <div class="inputs">
                    <div class="portlet-input input-inline input-medium">
                        <div class="input-group">
                            <input type="text" placeholder="search..." class="form-control input-circle-left">
                            <span class="input-group-btn">
                                <button type="submit" class="btn btn-circle-right btn-default">Go!</button>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="portlet-body">
                <!-- BEGIN FORM-->
                <form action="{:U('User/add')}" method="post" id="user_add" class="form-horizontal">
                    <div class="form-body">
                        <div class="alert alert-danger display-hide">
                            <button class="close" data-close="alert"></button>
                            You have some form errors. Please check below.
                        </div>
                        <div class="alert alert-success display-hide">
                            <button class="close" data-close="alert"></button>
                            Your form validation is successful!
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3">用户名 <span class="required">
                                    * </span>
                            </label>
                            <div class="col-md-4">
                                <input type="text" name="username" data-required="1" class="form-control"/>
                            </div>
                            <div class="col-mod-3 help-block">（用户名会作为默认的昵称）</div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3">密码 <span class="required">
                                    * </span>
                            </label>
                            <div class="col-md-4">
                                <input name="password" type="password" id="password" class="form-control"/>
                            </div>
                            <div class="col-mod-3 help-block">（用户密码不能少于6位）</div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3">重复密码 <span class="required">
                                    * </span>
                            </label>
                            <div class="col-md-4">
                                <input name="repassword" type="password" id="repassword" class="form-control"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3">Email <span class="required">
                                    * </span>
                            </label>
                            <div class="col-md-4">
                                <input name="email" type="text" class="form-control"/>
                                <span class="help-block">
                                    e.g: info@zzs.me </span>
                            </div>
                            <div class="col-mod-3 help-block">（用户邮箱，用于找回密码等安全操作）</div>
                        </div>
                    </div>
                    <div class="form-actions">
                        <div class="row">
                            <div class="col-md-offset-3 col-md-9">
                                <button type="submit" class="btn green ajax-post" target-form="form-horizontal">Submit</button>
                                <button type="button" class="btn default">Cancel</button>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- END FORM-->   
            </div>
        </div>
        <!-- END Portlet PORTLET-->
    </div>
</block>

<block name="script">


    <script>

        jQuery(document).ready(function () {

        });

    </script>

</block>
